<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>聚衣商城</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
  <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="evaluate">
    <header-top></header-top>
    <div class="bg_red">
      <div class="container">
        <a href="#"></a>
        <div class="header_main">
          <span class="me">我的聚衣</span>
          <span class="back">返回聚衣首页</span>
        </div>
        <ul class="list clear">
          <li>首页</li>
          <li>账户管理
            <i class="icon-down_1"></i>
          </li>
          <li>消息</li>
        </ul>
        <div class="input_group">
          <input type="text" placeholder="搜索 商品">
          <button>搜索</button>
        </div>
      </div>
    </div>
    <div class="bg-gray evaluate_con" style="padding-bottom:60px">
      <div class="evaluate container" style="padding-top:20px;">
        <div class="custom_pingjia">
          评价订单
        </div>
        <div class="evaluate_title">订单号：2001929929
          <span>下单时间：2017-12-12 12:09:09</span>
        </div>
        <div class="evaluate_content clear">
          <div class="left">
            <div class="goods_img">
              <img src="https://dummyimage.com/180x180/79b0f2" alt="">
            </div>
            <div class="goods_name">商务白领衬衫定制</div>
          </div>
          <div class="right">
            <el-form ref="form" :model="form" label-width="80px">
              <el-form-item label="商品描述：">
                <el-rate v-model="value1"></el-rate>
              </el-form-item>
              <el-form-item label=" 商家服务：">
                <el-rate v-model="value1"></el-rate>
              </el-form-item>
              <el-form-item label="物流服务：">
                <el-rate v-model="value1"></el-rate>
              </el-form-item>
              <el-form-item label="购物心得：">
                <el-input type="textarea" v-model="form.desc"></el-input>
              </el-form-item>
              <el-form-item label="图片信息：">
                <el-upload class="avatar-uploader" action="" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
                  <img v-if="imageUrl" :src="imageUrl" class="avatar">
                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
                <el-button style="margin-left: 10px;" size="small" @click="">上传图片</el-button>
                <div class="el-upload__tip">最多上传3张图片，每张图片大小不超过500kb</div>
              </el-form-item>

            </el-form>
          </div>
        </div>
        
        <div class="form_foot">
          <button class="form_foot_btn">提交</button>
          <el-checkbox v-model="checked" style="margin-left:20px;">匿名评价</el-checkbox>
        </div>

      </div>
    </div>

  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/elementui.min.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    evaluate();
  </script>
</body>

</html>